<template>
  <div class="dashboard-container">
    <div class="dashboard-text">name111: {{ username }}</div>
    <div class="xixi">嘻嘻</div>
  </div>
</template>

<script>
import { mapGetters } from 'vuex'

export default {
  name: 'Dashboard',
  computed: {
    ...mapGetters([
      'username'
    ])
  }
}
</script>

<style lang="sass" scoped>
.xixi
  color: red
// .dashboard {
//   &-container {
//     margin: 30px;
//   }
//   &-text {
//     font-size: 30px;
//     line-height: 46px;
//   }
// }
</style>
